import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
const getDefaultState = () => {
  return {
    token: getToken() || null, // 先从本地获取token，如果没有就是空
    userInfo: {} // 用户数据
  }
}

const state = getDefaultState()

const mutations = {
  // 设置token
  setMyToken(state, token) {
    state.token = token
    // token存入 cookie一份
    setToken(token)
  },
  // 设置用户数据
  setUserInfo(state, data) {
    state.userInfo = data
  },
  // 删除用户数据
  removeUserInfo(state) {
    state.userInfo = {}
  },
  // 删除token
  removeToken(state) {
    state.token = null
    // 删除存储在cookis 里的 token
    removeToken()
  }
}

const actions = {
  // 使用异步方式，发送登录请求
  async userLogin(ctx, token) {
    const res = await login(token)
    ctx.commit('setMyToken', res)
  },
  // 异步请求用户数据
  async getUserInfo(ctx) {
    const res = await getUserInfo()
    // 获取用户头像
    const resPhoto = await getUserDetailById(res.userId)
    // 和用户数据合并一起放入到 userInfo 里
    ctx.commit('setUserInfo', { ...res, ...resPhoto })
  },
  // 登出（退出登录）
  logout(ctx) {
    ctx.commit('removeToken')
    ctx.commit('removeUserInfo')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

